<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>Mr. Young's Homepage</title>
	<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" type="text/css" />
    <link href="css/prettify.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="js/prettify.js"></script>
	<style type="text/css">
	.cn{
		border-bottom-style:solid;
		border-bottom-width:3px;
		border-bottom-color:transparent;
	}
    .cn:hover {
	//	background-color:rgb(238,238,238);
		border-bottom-style:solid;
		border-bottom-width:3px;
		border-bottom-color:steelblue;
		
	}
	.nav-pills li a:hover{
		background-color:transparent;
	}
	.nav {
	margin-bottom:0px;
	}
	</style>
	<script type="text/javascript">
		   $(document).ready(function() {

    $("#contact")
      .popover()
      .click(function(e) {
        e.preventDefault()
      })

		});
		</script>
</head>
<body>
<div class="" style="background-color:rgb(70,130,180);height:20px;"></div>

<div class="container-fluid">
<div class="row-fluid">
<div class="span10 offset1">
<hr style="margin:0px;margin-top:10px;position:relative;top0px;color:rgb(238,238,238);border-bottom-width:0px;"/>
<ul class="nav nav-pills" style="margin-bottom:0px;">

  <li class="cn"><a href="">Home</a></li>
  <li class="cn"><a href="">Honors Physics</a></li>
  <li class="cn"><a href="">Conceptual Physics</a></li>
  <li class="cn"><a href="">IB Physics/Chemistry</a></li>
  <li class="cn"><a href="">Grades</a></li>
  
    <li class="dropdown">
    <a class="dropdown-toggle"
       data-toggle="dropdown"
       href="#">
        More
        <b class="caret"></b>
      </a>
	  
	  
    <ul class="dropdown-menu">
    
	  
	  <li class="nav-header">Leisure</li>
	  <li><a href="">Morph Mr. Young</a></li>
    </ul>
  </li>
  <ul class="nav nav-pills pull-right" style="margin-bottom:0px;">
<li><a id="contact" class="" href="" data-placement="bottom" data-content="<strong style='text-transform:uppercase;font-size:11px;color:rgb(153,153,153);'>EMAIL</strong><hr style='margin:0px;margin-bottom:3px;' /><a href='mailto:GYYOUNG@capousd.org'>GYYOUNG@capousd.org</a> <br /><br />
<strong style='font-size:11px;color:rgb(153,153,153);text-transform:uppercase;'>Work Phone</strong><hr style='margin:0px;margin-bottom:3px;' />(949)-492-4165  ext. 2504 <br /> <br />
<strong style='font-size:11px;color:rgb(153,153,153);text-transform:uppercase;'>Best time to call</strong> <hr style='margin:0px;margin-bottom:3px;' />M,T,W and F before 9 A.M." data-original-title="Contact Information">Contact</a></li>
</ul>
</ul>

<hr style="margin:0px;" />
<div class="page-header"><h1 style="text-align:center;"><small>welcome to </small>Mr. Young's Homepage</h1></div>
               <div class="alert alert-info">
                  <h4><i style="margin-top:3px;" class="icon-bookmark"></i> Notice</h4>
                  Site redesign in progress...
               </div>
               <div class="progress progress-striped progress-warning active">
                  <div class="bar" style="width: 30%;"></div>
               </div>
               <hr />
<div class="hero-unit" style="box-shadow:0px 0px 10px #888;">
<img class="img-polaroid" src="http://sctritonscience.com/Young/Mr.%20Young%20Photo.jpg" height="274" width="199" style="float:right;display:inline-block;" alt="" />
  <h1>Science</h1>
  <p>"Every Drop You Drink, Someone Has Drunk Before." - <small style="color:rgb(158,158,158);">the water cycle</small></p>
  <p>
    <a class="btn btn-success btn-large">
      Learn more
    </a>
  </p>
  <div style="clear:both;"></div>
</div>

<hr />
  <div class="row-fluid">
  <div class="span4">
  <h4><i class="icon-calendar" style="position:relative;top:3px;"> </i> Schedule</h4>
  
  <table class="table table-bordered table-striped" style="background-color:white;">
                        <thead>
                           <tr>
                              <th>Period</th>
                              <th>Class Name</th>
                              
                           </tr>
                        </thead>
                        <tbody>
                           <tr>
                              <td>1</td>
							  <td>Honors Physics</td>
                           </tr>
                           <tr>
                        <td>2</td>
						<td>Conceptual Physics</td>                        
                           </tr>
						   <tr>
                        <td>3</td>
						<td>HL IB Physics</td>                        
                           </tr>
						   <tr>
						   	<td>4</td>
						   	<td>Chemistry</td>
						   </tr>
						   <tr>
						   	<td>5</td>
						   	<td>Honors Physics</td>
						   </tr>
						   <tr>
						   	<td>6</td>
						   	<td>Chemistry</td>
						   </tr>
                        </tbody>
                     </table>
					  <div class="alert alert-error alert-block">
  <h4>Had a bad day?</h4>
  <p>Low score on a test? Take your aggressions out on Mr. Young.</p><br />
  <div style="text-align:center;">
  <a href=""  class="btn btn-large btn-danger">Morph Mr. Young</a>
  </div>
</div>
					 </div>
					 <div class="span8">
					 <h4><i class="icon-star-empty" style="position:relative;top:3px;"> </i> Astronomy Corner</h4>
					 <table class="table table-striped table-bordered">
                        <thead>
                           <tr>
                              <th><i class="icon-file"></i> Document</th>
                              <th><i class="icon-pencil"></i> Description</th>
                              <th style="width:10%"><i class="icon-download-alt"></i> Download</th>
                           </tr>
                        </thead>
                        <tbody>
                           <tr>
                              <td>Did We go to the Moon?</td>
                              <td>Here are the answers to some of the skeptical questions posed by the FOX Special.</td>
                              <td><a href="" class="btn btn-primary">Download</a></td>
                           </tr>
                           <tr>
                              <td>Astronomy Picture of the Day
                              </td>
                              <td>It changes every day.  This is really cool!</td>
                              <td><a href="" class="btn btn-primary">Download</a></td>
                           </tr>
                        </tbody>
                     </table>
					 
					 </div>
					 </div>
				<hr />	 </div>
					

</div>
</div>
<div class="" style="background-color:rgb(70,130,180);height:20px;"></div>
<div class="" style="background-color:rgb(238,238,238);height:100px;">
<div class="container-fluid">
<div class="row-fluid"><div class="span10 offset1" style="text-align:center;padding:10px;"><small style="color:rgb(158,158,158);">style by the schs web design club</small></div></div></div>
</div>


</body>
</html>